<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>统计图</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<link rel="stylesheet" type="text/css" href="<%=basePath%>pages/css/examples.min.css" />
		<link class="include" rel="stylesheet" type="text/css" href="<%=basePath%>pages/css/jquery.jqplot.min.css" />
		
		<script class="include" type="text/javascript" src="<%=basePath%>pages/js/jquery.min.js"></script>
		
  </head>
  
  <body>
 	 <div style="margin-left: 50px;"><h1>用户收入支出情况 </h1></div>
  	<div id="chart2" style="margin-top:20px; margin-left:50px; width:1000px; height:300px;"></div>
    <script class="code" type="text/javascript">
	    $(document).ready(function(){
	        var s1 = ${line};
	        var s2 = ${line2};
	        var ticks = ${line1};
	        
	        plot2 = $.jqplot('chart2', [s1, s2], {
	            seriesDefaults: {
	                renderer:$.jqplot.BarRenderer,
	                pointLabels: { show: true }
	            },
	            
	            axes: {
	                xaxis: {
	                    renderer: $.jqplot.CategoryAxisRenderer,
	                    ticks: ticks
	                }
	            }
	        });
	        
	    });
    </script>
    <script class="include" type="text/javascript" src="<%=basePath%>pages/js/jquery.jqplot.min.js"></script>
	<script class="include" type="text/javascript" src="<%=basePath%>pages/js/jqplot.barRenderer.min.js"></script>
	<script class="include" type="text/javascript" src="<%=basePath%>pages/js/jqplot.categoryAxisRenderer.min.js"></script>
	<script class="include" type="text/javascript" src="<%=basePath%>pages/js/jqplot.pointLabels.min.js"></script>
  </body>
</html>
